<template>
	<view class="box">
		<image class="isimage" src="../../static/暂无充值.png" mode="aspectFit"></image>
		<text>暂无消费记录，快点击下方按钮去充值吧</text>
		<navigator url="/pages/balance/balance" class="button">去充值</navigator>
	</view>
</template>

<script setup>
import { ref } from 'vue';


</script>

<style lang="scss" scoped>
.box{
	width: 100vw;
	height: 40vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: rgb(68, 68, 68);
	.isimage{
		width: 40vw;
		height: 40vw;
	}
	.button{
		width: 30vw;
		text-align: center;
		padding: 10px;
		border-radius: 100px;
		background-color: #409EFF;
		color: white;
		margin: 20px;
	}
}
</style>
